/*全局*/
:root{
	--color:#333;
	--redColor:#D1111C;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;}
a:hover {text-decoration: none;color: #f00;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt60 {margin-top: 40px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}

/* 首页 */
.layui-container {position: relative;}
.banner-box .swiper-slide {height: 810px;}
#header {position: fixed;z-index: 99;left: 0;right: 0;padding-top: 30px;}
#header .layui-container {display: flex;justify-content: space-between;}
.nav-box >ul {display: flex;}
.nav-box >ul >li >a {display: block;line-height: 60px;padding: 0 20px;font-size: 18px;}
#header.active {background-color: rgba(255, 255, 255, 0.9);padding-bottom: 30px;}

.hot-search {position: relative;}
.search-box {position: absolute;z-index: 98;top: -100px;background-color: #fff;height: 90px;width: 100%;padding:25px;display: flex;justify-content: space-between;line-height: 40px;}
#form-search {display: flex;}
#form-search .input-box {border: 1px solid #ddd;padding:5px 10px;font-size: 14px;}
#btn-search {background-color: #1a5ca8;color: #fff;border: none;width: 60px;}
#btn-search .layui-icon {font-size: 20px;}

#index-about-block {background: url(../images/about-block-bg.jpg) center center no-repeat;padding-top: 100px;padding-bottom: 100px;}
.com-name {font-size: 30px;}
.about-submenu >ul {display: flex;}
.about-submenu >ul >li {margin-right: 40px;}
.about-submenu >ul a {display: flex;padding:50px 0px 10px;}
.about-submenu >ul >li:nth-child(1) >a {background: url(../images/about-icon1.jpg) center 10px no-repeat;}
.about-submenu >ul >li:nth-child(1) >a:hover {background: url(../images/about-icon1_2.jpg) center 10px no-repeat;}
.about-submenu >ul >li:nth-child(2) >a {background: url(../images/about-icon2.jpg) center 10px no-repeat;}
.about-submenu >ul >li:nth-child(2) >a:hover {background: url(../images/about-icon2_2.jpg) center 10px no-repeat;}
.about-submenu >ul >li:nth-child(3) >a {background: url(../images/about-icon3.jpg) center 10px no-repeat;}
.about-submenu >ul >li:nth-child(3) >a:hover {background: url(../images/about-icon3_2.jpg) center 10px no-repeat;}
.view-more a {display: inline-block;border: 1px solid #ccc;padding:6px 20px;}
.view-more a i {margin-left: 10px;}
.view-more a:hover {border-color: #f00;}
.reverse {transform: rotateY(180deg);}

.block-title {text-align: center;}
.block-title .txt {font-size: 36px;}
.block-title .txt span {color: #1A5CA8;}
.block-title .line img {display: block;margin: 0 auto;}
.block-title p {color: #999;font-size: 18px;margin-top: 5px;}

#index-product-block {background-color: #f3f3f3;padding-top: 70px;padding-bottom: 70px;}
.procate-box a {display: block;margin-bottom: 1px;background-color: #9C9C9C;padding:0 0 0 20px;color: #fff;line-height: 90px;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.procate-box a:hover {background-color: #1A5CA8;}
.product-box a {display: block;position: relative;}
.product-box a .img {display: flex;justify-content: center;align-items: center;height: 240px;background-color: #fff;overflow: hidden;}
.product-box a .img img {height: 240px;}
.product-box a p {background-color: #1A5CA8;color: #fff;text-align: center;line-height: 50px;
	margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#index-youshi-block {margin-top: 70px;}
.youshi-box {margin-top: 30px;}
.youshi-info .number {background: url(../images/number-bg.png) no-repeat;background-size: cover;width: 50px;height: 59px;text-align: center;color: #fff;font-size: 28px;line-height: 1.5;margin-right: 25px!important;}
.youshi-info .big-text {font-size: 30px;font-weight: bold;color: #1A5CA8;}
.youshi-info .big-text span {color: #DE2B2E;}
.youshi-info p {color: #777;line-height: 1.8;}
.dot-line {background-color: #fff!important;border-bottom: 1px dashed #ddd;margin-top: 30px;margin-bottom: 30px;}

#index-anli-block {background: url(../images/anli-block-bg.jpg) center top no-repeat;padding-top: 80px;padding-bottom: 80px;margin-top: 80px;}
#index-anli-block .block-title .txt {color: #fff;}
#index-anli-block .block-title .txt span {color: #fff;}
#index-anli-block .block-title p {color: #fff;}
.scroll-anli-box {padding-left: 50px;padding-right: 50px;position: relative;}
.scroll-anli a {display: block;height: 260px;background-color: #fff}
.scroll-anli a img{width:100%;}
.scroll-anli-box .prev {position: absolute;left: 0;top: 35%;display: inline-block;background-color: #ccc;padding: 5px;z-index: 98;}
.scroll-anli-box .prev:hover {background-color: #eee;}
.scroll-anli-box .prev .layui-icon {font-size: 24px;}
.scroll-anli-box .next {position: absolute;right: 0;top: 35%;display: inline-block;background-color: #ccc;padding: 5px;z-index: 98;}
.scroll-anli-box .next:hover {background-color: #eee;}
.scroll-anli-box .next .layui-icon {font-size: 24px;}
.anli-more {text-align: center;margin-top: 40px;}
.anli-more a {display: inline-block;background-color: #ccc;padding: 10px 30px;border-radius: 20px 0px 20px 0px;}
.anli-more a:hover {background-color: #fff;}

#index-news-block {margin-top: 50px;}
.scroll-news .news-item .news-date {font-weight: bold;font-size: 30px;color: #999;}
.scroll-news .news-item h4 {font-size: 18px;}
.scroll-news .news-item p {color: #777;font-size: 14px;}
.scroll-news .news-item .news-img {display: flex;height: 260px;margin-top: 15px;justify-content: center;align-items: center;}
.scroll-news .news-item .news-img img {width: 100%;height:100%}

.footer {background-color: #282D30;margin-top: 40px;padding-top: 30px;color: #fff;}
.footer hr {background-color: #40494e;margin-top: 20px;margin-bottom: 20px;}
.footer .links,.footer .links a {color: #fff;}
.footer .links a:after {content: ' | ';margin-right: 10px;margin-left: 10px;}
.footer-nav {display: flex;margin-bottom: 20px;}
.footer-nav ul {flex: 1;}
.footer-nav ul:nth-child(4) {flex: 1.5;}
.footer-nav ul p {margin-bottom: 15px;}
.footer-nav .footer-procate {flex: 1.5;display: flex;flex-wrap: wrap;}
.footer-nav .footer-procate p {width: 100%;}
.footer-nav .footer-procate li {width: 50%;}
.qrcode img {width: 150px;height: 150px;}
.footer-nav li,.footer-nav li a {color: #A0A2A1;font-size: 14px;}
.copyrights {font-size: 14px;padding-bottom: 30px;color: #fff}
.copyrights a {color: #fff;}

@media only screen and (min-width: 980px)  {
	.layui-container {width: 1300px;}
}
@media only screen and (min-width: 320px) and (max-width: 640px)  {
	body {font-size: 14px;}
	.header-empty {height: 1.2rem;}
	.banner-box .swiper-slide {height: 4rem;background-size: cover!important;}
	#header {top: 0;height: 1.2rem;padding-top: 0;background: #fff;}
	/*#header {position: static;display: flex;padding-top: 10px;padding-bottom: 10px;}*/
	#header .nav-bar {width: 80px;display: flex;justify-content: flex-end;align-items: center;}
	#header .logo {flex: 1;display: flex;justify-content: center;align-items: center;}
	#header .logo img {width: 100%;}
	#header .nav-box {position:fixed;top:0px;left:-140px;width: 140px;bottom:0;background-color: #1A5CA8;z-index: 99;}
	#header .nav-box >ul {display: flex;flex-wrap: wrap;}
	#header .nav-box >ul >li {display:block;width: 100%;}
	#header .nav-box >ul >li >a {color:#fff;border-bottom:1px solid #2967AF;font-size:16px;line-height:50px;}
	#btn-navbar .layui-icon {font-size: 30px;color: #1A5CA8;}
	
	#index-about-block {padding-top: 30px;padding-bottom: 30px;}
	.about-img {margin-top: 15px;}
	
	#index-product-block {padding-top: 20px;padding-bottom: 30px;}
	.procate-box {display: flex;overflow-x: auto;}
	.procate-box a {white-space: nowrap;flex: none;line-height: 50px;padding: 0 20px 0 20px;margin-right: 1px;}
	
	.product-box a .img {height: 3rem;}
	.product-box {margin-top: 15px;;}
	
	#index-youshi-block {margin-top: 30px;}
	#index-anli-block {margin-top: 30px;padding-top: 30px;padding-bottom: 30px;}
	.scroll-anli-box {padding-left: 0;padding-right: 0;}
	
}